<template>
	<div ref="container"></div>
</template>

<script>
	import {
		Line
	} from "@antv/g2plot";
	export default {
		// props:['LineData','xField','yField'],
		props: {
			LineData: {
				type: Array
			},
			xField: {
				type: String
			},
			yField: {
				type: Array
			}
		},
		mounted() {
			// this.initChart()
			this.getData()
		},
		methods: {
			getData(){
				// console.log('总数居',this.LineData)
				// console.log('x轴',this.xField)
				// console.log('y轴',this.yField)
			},
			// initChart() {
			// 	console.log('数据库',this.LineData)
			// 	const data = this.LineData.map((item) => {
			// 		return this.yField.map(key => {
			// 			return {
			// 				Date: item[this.xField],
			// 				scales: item[key.valueName],
			// 				category: key.legendName
			// 			}
			// 		})

			// 	});
			// 	this.createChart(this.$refs['container'], data.flat(Infinity));
			// },
			// createChart(container, data) {
			// 	// console.log(123,data[0].Date)
			// 	const line = new Line(container, {
			// 		data,
			// 		padding: "auto",
			// 		xField: "Date",
			// 		yField: "scales",
			// 		seriesField: 'category',
			// 		xAxis: {
			// 			tickCount: 5,
			// 		},
			// 		smooth: true,
			// 		tooltip: {
			// 			formatter: (datum) => {
			// 				return {
			// 					name: datum.category,
			// 					value: datum.scales
			// 				};
			// 			},
			// 		},
			// 	});
			// 	line.render();
			// },
		}
	};
</script>

<style lang="scss" scoped></style>
